<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>AnimationTest</title>
<script type="text/javascript"  src="../../flash/FlashCore.js"></script>
<!---->
 <script type="text/javascript" src="../../flash/geom/Point.js"></script> 
 <script type="text/javascript" src="../../flash/geom/Rectangle.js"></script> 
 <script type="text/javascript" src="../../flash/geom/Matrix.js"></script> 
<!---->
 <script type="text/javascript" src="../../flash/events/Event.js"></script> 
 <script type="text/javascript" src="../../flash/events/EventDispatcher.js"></script> 
 <script type="text/javascript" src="../../flash/events/KeyboardEvent.js"></script> 
 <script type="text/javascript" src="../../flash/events/MouseEvent.js"></script> 
 <script type="text/javascript" src="../../flash/events/ProgressEvent.js"></script> 
 <script type="text/javascript" src="../../flash/events/TimerEvent.js"></script> 
 <script type="text/javascript" src="../../flash/events/IOErrorEvent.js"></script> 
<!---->
 <script type="text/javascript" src="../../flash/net/URLVariables.js"></script> 
 <script type="text/javascript" src="../../flash/net/URLRequest.js"></script> 
 <script type="text/javascript" src="../../flash/net/URLRequestMethod.js"></script> 
 <script type="text/javascript" src="../../flash/net/URLLoaderDataFormat.js"></script> 
 <script type="text/javascript" src="../../flash/net/URLLoader.js"></script> 
 
  <script type="text/javascript" src="../../flash/resource/ResVO.js"></script> 
 <script type="text/javascript" src="../../flash/resource/ResLoadedEvent.js"></script> 
 <script type="text/javascript" src="../../flash/resource/ResProgressEvent.js"></script> 
 <script type="text/javascript" src="../../flash/resource/ResPool.js"></script> 

<script type="text/javascript"  src="../../flash/display/DisplayObject.js"></script>
<script type="text/javascript"  src="../../flash/display/InteractiveObject.js"></script>
<script type="text/javascript"  src="../../flash/display/DisplayObjectContainer.js"></script>
<script type="text/javascript"  src="../../flash/display/Stage.js"></script>
<script type="text/javascript"  src="../../flash/display/BitmapData.js"></script>
<script type="text/javascript"  src="../../flash/display/Bitmap.js"></script>
<script type="text/javascript"  src="../../flash/display/Loader.js"></script>
<script type="text/javascript"  src="../../flash/display/Graphics.js"></script>
<script type="text/javascript"  src="../../flash/display/Shape.js"></script>
<script type="text/javascript"  src="../../flash/display/Sprite.js"></script>
<script type="text/javascript"  src="../../flash/display/MovieClip.js"></script>
<script type="text/javascript"  src="../../flash/display/MovieClip2.js"></script>
<script type="text/javascript"  src="../../flash/display/SimpleButton.js"></script>

<script type="text/javascript"  src="../../flash/text/TextBaseline.js"></script>
<script type="text/javascript"  src="../../flash/text/TextFieldAlign.js"></script>
<script type="text/javascript"  src="../../flash/text/TextField.js"></script>

<script type="text/javascript"  src="../../flash/animation/ActionVO.js"></script>
<script type="text/javascript"  src="../../flash/animation/AnimationEvent.js"></script>
<script type="text/javascript"  src="../../flash/animation/AnimationPlayMode.js"></script>
<script type="text/javascript"  src="../../flash/animation/Animation.js"></script>

<script type="text/javascript"  src="../../flash/utils/GlobalUtil.js"></script>
<script type="text/javascript"  src="../../flash/utils/Stats.js"></script>
<script type="text/javascript" >

window.onload = function(){
	//框架主程序入口
	var core = new FlashCore();
	core.setCanvas( document.getElementById("cav"));
	core.setMouseEnabled(false);
	
	//对stage进行一些参数设置
	var stage = FlashCore.stage;
	stage.setFrameRate( 60);
	core.start();
	
	var ani ;
	function loadedHandler(e){
		loader.removeEventListener(Event.COMPLETE , loadedHandler );
		var actions = [ 
		                new ActionVO("r1",4) ,new ActionVO("r2",4) ,new ActionVO("r3",4) ,new ActionVO("r4",4) ,
		                new ActionVO("r5",4) ,new ActionVO("r6",4) ,new ActionVO("r7",4) ,new ActionVO("r8",4)
		                ];
		
		for( var i= 0 ; i<50 ; ++i){
			ani = new Animation( loader.getContent().getBitmapData(),8,4,actions );
			ani.setX(Math.random()*stage.getStageWidth() );
			ani.setY(Math.random()*stage.getStageHeight() );
			ani.centerPivot(); //将注册点设置在中间
			stage.addChild(ani);
		}
		stage.addChild( new Stats() );

		function update(e){
			if(ani)
			{
				for( var i=0 ; i<stage.getNumChildren() ;i++ ){
					ani = stage.getChildAt(i) ;
					if( ani.className=="Animation"){
						ani.play("r4"); //r2,r3,r4.........
						ani.setRotation( ani.getRotation()+2 );
					}
				}
			}
		};
		ani.addEventListener( Event.ENTER_FRAME , update );
	} ;
	var loader = new Loader();
	loader.addEventListener(Event.COMPLETE , loadedHandler );
	loader.load( new URLRequest("../res/character.png") );
	
	
} ;

</script>
</head>
<body>
<div id="debug"></div>
<canvas id="cav" width="800" height="600" style="background-color: #000000 ;">你的浏览器不支持HTML5。</canvas>
</body>
</html>